<demo>
    常规用法
</demo>

<template>
  <div>
    <Tabs v-model:selected="selection">
      <Tab title="导航1">内容1</Tab>
      <Tab title="导航2">内容2</Tab>
    </Tabs>
  </div>
</template>

<script lang="ts">

  import { ref } from 'vue'
  import Tabs from '../../lib/Tabs.vue'
  import Tab from '../../lib/Tab.vue'

  export default {
    components: { 
      Tabs, 
      Tab 
    },
    setup() {
      const selection = ref('导航1');
      return { selection }
    }
  }
</script>
